<template>
	<view class="person-file-list-box">
		<view class="" v-if="list.length!=0">
			<view class="item" v-for="(item,index) in list" @click="handDateils(item)">
				<u-image border-radius='8' :fade="true" duration="450" width="172rpx" height="230rpx" :src="item.titleImage"></u-image>
				<view class="person-msg">
					<view class="title-text">
						{{item.recordName}}
					</view>
					<view class="post">
					{{item.profession}}
					</view>
					<view class="content-text cont">
						{{item.individualResume}}
					</view>
				</view>
			</view>
			<view class="mb-30 mt-30">
				<u-loadmore bg-color='#F7F7F7' :status="status" />
			</view>
		</view>
		<u-empty margin-top='20' font-size='24' icon-size='80' :show='list.length==0' :text="onMsg"></u-empty>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props:{
			onMsg:{
				type:String,
				default:'暂无个人档案'
			},
			showIcon: {
				type: Boolean,
				default: true,
			},
			status: {
				type: String,
				default: 'nomore',
			},
			list: {
				type: Array,
				default: () => []
			},
			props: {
				type: Object,
				default: () => {}
			},
		},
		methods:{
			handDateils(item){
				this.$emit('handDateils',item)
			}
		}
	}
</script>

<style lang="scss">
	.person-file-list-box {
		.item{
			padding: 40rpx 30rpx;
			@include  my-flex($fw:nowrap);
			background-color: $bs-text-color-fff;
			border-radius: $bs-border-radius-12;
			margin-bottom: 30rpx;
			.person-msg {
				margin-left:40rpx;
				@include my-flex($fd:column,$jc:$bs-sb)
				.post {
					font-size: 24rpx;
					color: $bs-text-color-999;
				}
				.cont{
					@include ellipsisMultiline(3)
				}
			}
		}
		
	}
</style>
